<template>
  <div>
    <div id="errorwordcheckID">
		<div class="layui-container" style="width: 100%;line-height:60px;margin-top: 76px;">
			<div class="layui-row">
				<div class="layui-col-xs12" style="text-align: left;font-size: 24px;">
					<img alt="" src="../img/title.png" width="35" height="35" /> 内容在线校对
				</div>
			</div>
		</div>

		<div class="layui-container" style="width: 100%;">
			<div class="layui-row layui-col-space30">
				<div class="layui-col-xs8" style="text-align: left;">
					<div id="documenteditor" style="height: 450px;"></div>
					<div id="tempbody3" style="display: none;"></div>
				</div>
				<div class="layui-col-xs4" style="text-align: right;">
					<div class="layui-container"
						style="border: 1px solid #eee;height: 550px;width: 100%;text-align: center;padding: 0px 10px;">
						<div class="layui-row layui-col-space1" style="height: 70px;line-height: 70px;font-size: 24px;">
							<div class="layui-col-xs3">
								<ul id="tab_type" style="font-size: 16px;display: none;">
									<li id="errorword_li" class="cur"
										style="float: left;line-height: 30px;margin: 20px 0px;cursor: pointer;">错别字</li>
									<li id="mgc_li" style="float: left;line-height: 30px;margin: 20px 0px 20px 5px;cursor: pointer;">敏感词
									</li>
								</ul>
							</div>
							<div class="layui-col-xs6">
								在线校对结果
							</div>
							<div class="layui-col-xs3" style="text-align: right;">
								<input type="button" id="check_again" class="layui-btn layui-btn-normal"
									style="display: none;margin: 16px 0px;" value="再次校对" />
							</div>
						</div>
						<div id="check_img" class="layui-row" style="height: 83%;">
							<div>
								<img id="check_images" src="../img/check_gray.png" width="250" height="250" style="margin: 20px 0px;" />
							</div>
							<!-- <input type="button" id="beginCheck" class="layui-btn layui-btn-normal" style="width: 250px;height: 50px;font-size: 18px;" value="开始校对" /> -->
							<a href="javascript:void(0);" id="beginCheck" class="main-check-btn"><i></i>开始校对</a>
						</div>
						<div id="check_result" class="layui-row" style="height: 450px;display: none;font-size: 16px;">
							<div style="color: red;">
								已标红显示，请在编辑框中修改
							</div>
							<div style="text-align: left;">
								错别字　<label style="color: red;" id="error_words_num">0</label>　个
							</div>
							<div id="check_result_table"></div>
						</div>
						<div id="mgc_check_result" class="layui-row" style="height: 450px;display: none;font-size: 16px;">
							<div style="color: red;">
								已标红显示，请在编辑框中修改
							</div>
							<div style="text-align: left;">
								敏感词　<label style="color: red;" id="mgc_num">0</label>　个
							</div>
							<div id="mgc_check_result_table"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
  </div>
</template>
<script>
import { Slime, crud } from '@/mixins/slime';
export default {
  mixins: [Slime],
  components: { blogTagModal },
  data() {
    return {

    };
  },
  methods: {

  },
  created() {

  },
};
</script>